.tree {
	text-align: left;
}
.tree-@{theme-name} {
	.tree-node,
	.tree-icon { background-repeat:no-repeat; background-color:transparent; }
	.tree-anchor,
	.tree-animated,
	.tree-wholerow { transition:background-color 0.15s, box-shadow 0.15s; }
	.tree-hovered { background:@hovered-bg-color; border: 0px; box-shadow:none; }
	.tree-context { background:@hovered-bg-color; border: 0px; box-shadow:none; }
	.tree-selected { background:@clicked-bg-color; border: 0px; box-shadow:none; }
	.tree-no-icons .tree-anchor > .tree-themeicon { display:none; }
	.tree-disabled {
		background:transparent; color:@disabled-color;
		&.tree-hovered { background:transparent; box-shadow:none; }
		&.tree-selected { background:@disabled-bg-color; }
		> .tree-icon { opacity:0.8; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'tree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#tree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }
	}
	// search
	.tree-search { font-style:italic; color:@search-result-color; font-weight:bold; }
	// checkboxes
	.tree-no-checkboxes .tree-checkbox { display:none !important; }
	&.tree-checkbox-no-clicked {
		.tree-selected {
			background:transparent;
			box-shadow:none;
			&.tree-hovered { background:@hovered-bg-color; }
		}
		> .tree-wholerow-ul .tree-wholerow-clicked {
			background:transparent;
			&.tree-wholerow-hovered { background:@hovered-bg-color; }
		}
	}
	// stripes
	> .tree-striped { min-width:100%; display:inline-block; background:url("") left top repeat; }
	// wholerow
	> .tree-wholerow-ul .tree-hovered,
	> .tree-wholerow-ul .tree-selected { background:transparent; box-shadow:none; border-radius:0; }
	.tree-wholerow { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	.tree-wholerow-hovered { background:@hovered-bg-color; }
	.tree-wholerow-clicked {  background:@clicked-bg-color;  }
}

// theme variants
.tree-@{theme-name} {
	.tree-theme(24px, "", 32px);
	&.tree-rtl .tree-node { background-image:url(""); }
	&.tree-rtl .tree-last { background:transparent; }
}
.tree-@{theme-name}-small {
	.tree-theme(18px, "", 32px);
	&.tree-rtl .tree-node { background-image:url(""); }
	&.tree-rtl .tree-last { background:transparent; }
}
.tree-@{theme-name}-large {
	.tree-theme(32px, "", 32px);
	&.tree-rtl .tree-node { background-image:url(""); }
	&.tree-rtl .tree-last { background:transparent; }
}
